<template>
	<view style="margin-left: 10%;margin-top: 10%;">
		<image src="/static/爱学习.png" style="width:90px;height: 30px;"></image>
		<p style="margin-top: 20px;font-size: small;color: grey;">学习应该被奖励，但学习不是为了奖励</p>
	</view>
	<view style="margin-top: 20%;">
		<up-input placeholder="账号" border="surround" v-model="user" @change="changeuser"
			style="width: 80%;margin-left: 7.5%;"></up-input>
		<up-input placeholder="密码" border="surround" v-model="paw" @change="changepaw"
			style="width: 80%;margin-left: 7.5%;margin-top: 10%;"></up-input>
		<view
			style="margin-left: 10%;display: flex;justify-content: space-between;width: 80%;margin-top: 10px;align-items: center;">
			<a href="#" style="text-decoration: none;">
				忘记密码
			</a>
			<a href="#" style="text-decoration: none;">
				注册账号
			</a>
		</view>
		<view>
			<up-button type="primary" style="font-size: large;width: 80%;margin-top: 20%;" @click="login">登&emsp;录</up-button>
		</view>
		<view style="text-align: center;margin-top: 10%;">
			<a href="#" style="text-decoration: none;">
				手机验证码登录
			</a>
		</view>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue';

	const user = ref('');
	const paw = ref('')
	const changeuser = (e) => {
		user.value = e
	};
	const changepaw = (e) => {
		paw.value = e
	};
	const login = () => {
		
		uni.navigateTo({
		    url: '/pages/Components/MainComponent/MainComponent'
		});
	}
</script>
<style>

</style>